/* vim: set ts=2 sw=2 sts=2 et: */

/**
 * Products list styles
 *
 * @author    Creative Development LLC <info@cdev.ru>
 * @copyright Copyright (c) 2011 Creative Development LLC <info@cdev.ru>. All rights reserved
 * @license   http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
 * @link      http://www.litecommerce.com/
 * @since     1.0.0
 */

.products .added-to-cart {
  display: none;
}

.product.product-added .added-to-cart
{
  display: block;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 20;
  width: 24px;
  height: 24px;
  background: transparent url(images/icon_added.png) no-repeat left top;
}

table.products-grid,
table.products-grid td,
table.product,
table.product td
{
  border-style: none;
}

table.products-grid td,
table.product td
{
  vertical-align: top;
}

table.grid-1-columns td
{
  width: 100%;
}

table.grid-2-columns td
{
  width: 50%;
}

table.grid-3-columns td
{
  width: 33.3333%;
}

table.grid-4-columns td
{
  width: 25%;
}

table.grid-5-columns td
{
  width: 20%;
}

table.product td.product-photo
{
  width: 1px;
}


ul.products-grid,
ul.products-list,
ul.products-sidebar
{
  margin: 0;
  padding: 0;
}

ul.products-grid li,
ul.products-list li,
ul.products-sidebar li
{
  background-image: none;
  list-style: none;
  padding-left: 0;
}

ul.products-sidebar li {
  padding-bottom: 20px;
  position: relative;
}

ul.products-sidebar li.last {
  padding-bottom: 0px;
}

ul.products-sidebar li .product {
  padding: 2px 8px 8px;
}

.products div.product,
.products div.product-info,
.products div.product-photo
{
  position: relative;
}

.products .product-cell .drag-n-drop-handle
{
  background: transparent url(images/icon_drag.png) no-repeat left center;
  padding-left: 20px;
  visibility: hidden;
  cursor: move;
}

.products .product-cell .drag-n-drop-handle,
.products .product-cell .quicklook,
.products .product-cell:hover .ui-draggable-dragging .quicklook,
.products .product-cell:hover .drag-owner .quicklook
{
  visibility: hidden;
}

.products .product-cell:hover .drag-n-drop-handle,
.products .ui-draggable-dragging .drag-n-drop-handle,
.products .product-cell:hover .quicklook
{
  visibility: visible;
}

.products .out-of-stock .drag-n-drop-handle,
.products .not-available .drag-n-drop-handle
{
  background: transparent none;
  padding-left: 0;
  cursor: default;
}

.products .drag-n-drop-handle .out-message
{
  display: none;
}

.products .out-of-stock .drag-n-drop-handle .drag-message,
.products .not-available .drag-n-drop-handle .drag-message
{
  display: none;
}

.products .out-of-stock .drag-n-drop-handle .out-message
{
  display: inline;
}

.products .product .quicklook
{
  width: 100%;
  position: absolute;
  top: 30%;
  left: 0;
  z-index: 100;
  background: transparent;
}

.products .product .quicklook a.quicklook-link
{
  display: block;
  width: 53px;
  height: 53px;
  margin: 0 auto;
  padding: 0px;
}

.products .product .quicklook a.quicklook-link img {
  width: 53px;
  height: 53px;
  background: transparent url(images/icon_quick_look.png) no-repeat top left;
  margin: 0px;
  padding: 0px;
}


.products-grid .product-name,
.products-grid .product-thumbnail,
.products-grid .product-price
{
  display: block;
}

.products-grid a.product-thumbnail
{
  text-align: center;
}

.products input.product-add2cart
{
  background: transparent url(images/bag/small.png) no-repeat;
  width: 19px;
  height: 24px;
}

.products .products-table .out-of-stock input[type="image"],
.products .products-table .not-available input[type="image"]
{
  background: transparent url(images/bag/out.png) no-repeat;
  width: 19px;
  height: 24px;
  cursor: default;
}

.cart-tray
{
  position: fixed;
  top: 5em;
  right: 5em;
  z-index: 200;
  width: 158px;
  height: 221px;
  border-style: solid;
  background-color: white;
}

.cart-tray .tray-area,
  .preload-cart-tray
{
  background-image: url(images/bag/tray.png);
  background-repeat: no-repeat;
  background-position: center center;
}

.preload-cart-tray {
  position: absolute;
  left: 0px;
  top: 0px;
}

.cart-tray,
.cart-tray-active .progress-bar,
.cart-tray-active .product-added,
.cart-tray-adding .drop-here,
.cart-tray-adding .product-added,
.cart-tray-added .drop-here,
.cart-tray-added .progress-bar
{
  display: none;
}

.cart-tray-active,
.cart-tray-moving .drop-here,
.cart-tray-adding .progress-bar,
.cart-tray-added .product-added
{
  display: block;
}

.cart-tray .tray-status,
.cart-tray .block-wait
{
  text-align: center;
  margin: 0 auto;
}

.cart-tray .tray-status
{
  padding: 20px;
}

.products-sidebar-small-thumbnails {
  width: 100%;
}

.products-sidebar-small-thumbnails li.product-cell {
  clear: both;
}

.products-sidebar-small-thumbnails .details {
  padding-left: 88px;
}

.products-sidebar-small-thumbnails div.product-photo {
  float: left;
}

.products-sidebar-small-thumbnails .clear,
.products-sidebar-big-thumbnails .clear
{
  clear: both;
}

.products .labels {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.products .labels li {
  background-color: transparent;
  background-image: none;
  margin: 0px;
  padding: 0px;
}


.products-grid .labels,
.products-list .labels,
.products-sidebar-big-thumbnails .labels
{
  position: absolute;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.products-grid .labels li,
.products-list .labels li,
.products-sidebar-big-thumbnails .labels li
{
  margin-bottom: 10px;
}

.products-grid .labels {
  right: 10px;
  top: 23px;
}

.products-list .labels {
  right: 0px;
  top: 2px;
}

.products-table .labels {
  white-space: nowrap;
}

.products-sidebar-big-thumbnails .labels {
  right: 0px;
  top: 2px;
}

.products-table .labels li {
  display: inline-block;
  white-space: nowrap;
  margin-left: 10px;
}

.products-sidebar-small-thumbnails .labels {
  display: inline;
  position: static;
}

.products-sidebar-small-thumbnails .labels li {
  display: inline;
}

.products-sidebar-small-thumbnails .labels li div {
  display: inline;
}


/*
TODO: REMOVE!!!

{
  border: 1px #bbc7d2 solid;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  box-shadow: 0.25em 0.25em 0.25em #bbc7d2;
  -moz-box-shadow: 0.25em 0.25em 0.25em #bbc7d2;
  -webkit-box-shadow: 0.25em 0.25em 0.25em #bbc7d2;
}

div.cart-tray-box.droppable {
}

div.cart-tray-box div.text {
  text-align: center;
  margin-top: 100%;
}

div.cart-tray-box div.text span {
  font-weight: bold;
  color: #7594b0;
}

div.cart-tray-box div.text span.droppable {
  background-color: #d7e5fa;
}

*/




/*



table.list-body div.quick-look-cell div.drag-n-drop {
  font-size: 0.9em;
  color: #8fa8c0;
}

table.list-body-grid div.quick-look-cell div.drag-n-drop {
  margin-left: -0.5em;
}

table.list-body-list div.quick-look-cell div.drag-n-drop {
  margin-right: -0.5em;
  margin-top: -0.5em;
}



table.list-body {
  border-style: none;
}

table.list-body td {
  padding: 1em;
  border-style: none;
}

table.list-body td.hproduct a.product-thumbnail
{
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 12px 0;
}

table.list-body-grid td {
  padding-top: 0;
}

table.list-body div.quick-look-cell div.drag-n-drop {
  font-size: 0.9em;
  color: #8fa8c0;
}

table.list-body-grid div.quick-look-cell div.drag-n-drop {
  margin-left: -0.5em;
}

table.list-body-list div.quick-look-cell div.drag-n-drop {
  margin-right: -0.5em;
  margin-top: -0.5em;
}

table.list-body div.quick-look-cell div.button {
  text-align: center;
  background: rgb(255, 255, 255);
  background: rgba(255, 255, 255, 0.7);
}

table.list-body-grid div.quick-look-cell-thumbnail div.button {
  margin-top: 40%;
}

table.list-body-list div.quick-look-cell-thumbnail div.button {
  margin-top: 50%;
}



table.list-body input.product-add2cart
{
  background: transparent url(images/bag/small.png) no-repeat;
  width: 29px;
  height: 26px;
}

table.list-body-list td.body {
  width: 100%;
}

table.list-body-list div.quick-look-cell div.drag-n-drop {
  float: right;
}

table.list-body-table th {
  border: 0;
  border-top: 1px #e4e4e4 solid;
  background: #f8f8f8;
  color: #949494;
  text-align: left;
  vertical-align: bottom;
  padding: 0.8em;
}

table.list-body-table th.price {
  text-align: right;
}

table.list-body-table td {
  vertical-align: middle;
  padding: 0.5em;
  white-space: nowrap;
  border-top: 1px #e4e4e4 solid;
}

table.list-body-table td.sku {
  color: #4e4e4e;
  font-size: 1.2em;
  font-weight: bold;
}

table.list-body-table td.name {
  white-space: normal;
  width: 100%;
}

table.list-body-table td.price {
  padding-left: 1.5em;
  text-align: right;
}

table.list-body-table td.qty input.product-qty {
  width: 3em;
  text-align: right;
}

table.list-body-grid td.hproduct:hover div.quick-look-cell div.drag-n-drop,
table.list-body-grid td.hproduct:hover div.quick-look-cell div.button,
table.list-body-list tr:hover div.quick-look-cell div.drag-n-drop,
table.list-body-list tr:hover div.quick-look-cell div.button {
  visibility: visible;
}

div.cart-tray-box {
  position: fixed;
  top: 5em;
  right: 5em;
  z-index: 200;
  border: 1px #bbc7d2 solid;
  width: 158px;
  height: 221px;
  display: none;
  background: #fff url(images/bag/tray/regular.png) no-repeat center center;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
  box-shadow: 0.25em 0.25em 0.25em #bbc7d2;
  -moz-box-shadow: 0.25em 0.25em 0.25em #bbc7d2;
  -webkit-box-shadow: 0.25em 0.25em 0.25em #bbc7d2;
}

div.cart-tray-box.droppable {
  background: #fff url(images/bag/tray/droppable.png) no-repeat center center;
}

*/
